<template>
  <div class="app">
    <Person a="哈哈" :list="personList" />
    <Person a="哈哈" />
  </div>
</template>

<script lang="ts" setup name="App">
import Person from "./components/Person.vue";
import { type PersonInter, type Persons } from "@/types";
import { reactive } from "vue";
let personList = reactive<Persons>([
  { id: "0001", name: "tom", age: 16 },
  { id: "0002", name: "jack", age: 20 },
  { id: "0003", name: "rose", age: 22 },
]);
</script>

<style>
.app {
  background-color: #ddd;
  box-shadow: 0 0 10px;
  border-radius: 10px;
  padding: 20px;
}
</style>
